import axios, { 
	type AxiosResponse,
	type AxiosRequestConfig,
	type AxiosRequestHeaders,
} from 'axios';
import { ElMessage, ElMessageBox } from 'element-plus';
import pinia from '@/stores/index';
import { useUserInfoStore } from '../stores/userInfo';


// 配置新建一个 axios 实例
const service = axios.create({
	/* import.meta.env:拿到环境变量对象 */
	baseURL: import.meta.env.VITE_API_URL,
	timeout: 50000,
});

// 添加请求拦截器
service.interceptors.request.use((config: AxiosRequestConfig) => {
	//获取pinia模块userInfo中的token
	const userInfoData = useUserInfoStore(pinia);
	(config.headers as AxiosRequestHeaders).token = userInfoData.token;
	return config;
  });

// 添加响应拦截器
service.interceptors.response.use(
  /* 约束一下response */
	async (response: AxiosResponse) => {
		// 对响应数据做点什么
		const res = response.data;
    if (res.code !== 20000 && res.code !== 200) { /* 成功数据的code值为20000/200 */
      // 统一的错误提示
      ElMessage({
        message: (typeof res.data=='string' && res.data) || res.message || 'Error',
        type: 'error',
        duration: 5 * 1000
      })

	// `token` 过期或者账号已在别处登录
      if (response.status===401) {
		// **在非组件中使用pinia的时候，务必要传递pinia作为当前模块的参数**
        const storeUserInfo = useUserInfoStore(pinia)
		// 然后现去清空
				await storeUserInfo.reset()
				window.location.href = '/' // 去登录页
				ElMessageBox.alert('你已被登出，请重新登录', '提示', {})
					.then(() => {})
					.catch(() => {})
			}
			return Promise.reject(service.interceptors.response);
		} else {
      return res.data; /* 返回成功响应数据中的data属性数据 */
		}
	},
	(error) => {
		// 对响应错误做点什么
		if (error.message.indexOf('timeout') != -1) {
			ElMessage.error('网络超时');
		} else if (error.message == 'Network Error') {
			ElMessage.error('网络连接错误');
		} else {
			if (error.response.data) ElMessage.error(error.response.statusText);
			else ElMessage.error('接口路径找不到');
		}
		// 都没有错就返回这个error
		return Promise.reject(error);
	}
);

export default service;
